#{extends 'main.html' /}
#{set title:'Gestion discotecas' /}

<script language="javascript">
function eliminaDiscoteca(idDiscoteca){
	document.getElementById('gestionDiscotecaForm').action = "@{discotecas.GestionDiscoteca.eliminaDiscoteca()}";
	document.getElementById('idDiscoteca').value=idDiscoteca;
	document.getElementById('gestionDiscotecaForm').submit();
}
function editaDiscoteca(idDiscoteca){
	document.getElementById('gestionDiscotecaForm').action = "@{discotecas.GestionDiscoteca.editaDiscoteca()}";
	document.getElementById('idDiscoteca').value=idDiscoteca;
	document.getElementById('gestionDiscotecaForm').submit();
}
function volver(){
	document.getElementById('gestionDiscotecaForm').action='/menuDiscotecas';
	document.getElementById('gestionDiscotecaForm').submit();
}

</script>
 
<form id="gestionDiscotecaForm" action="@{discotecas.GestionDiscoteca.verGestionDiscoteca()}" method="POST">
	<table>
		<tr>
			<td colspan="2"><h1>Busqueda de discotecas</h1></td> 
			<td><input type="button" value="Logout" onclick="javascript:logout();"/></td>
		</tr>
		<tr>
			<td colspan="3">
				<fieldset>
					<table>
						<tr>
							<td>Nombre de la discoteca</td>
							<td><input type="text" name="name" value="${name}"/></td>
							<td><input type="submit" value="Busca"/></td>
						</tr>
					</table>
				</fieldset>
			</td>
		</tr>
		<tr>
			<td colspan="3">
				<table>
						<tr>
							<td bgcolor="#FF0000">Nombre</td>
							<td bgcolor="#FF0000">Descripcion</td>
							<td bgcolor="#FF0000">Latitud</td>
							<td bgcolor="#FF0000">Longitud</td>
							<td bgcolor="#FF0000">Nombre imagen</td>
							<td colspan="2" bgcolor="#FF0000">Acciones</td>
						</tr>
					#{list items:l, as:'disco' }
						<tr>
				        	<td bgcolor="#D8D8D8">${disco.nombre}</td>
				        	<td bgcolor="#D8D8D8">${disco.descripcion}</td>
				        	<td bgcolor="#D8D8D8">${disco.latitud}</td>
				        	<td bgcolor="#D8D8D8">${disco.longitud}</td>
				        	<td bgcolor="#D8D8D8">${disco.nombreImg}</td>
				        	<td><input type="submit" value="Edita" onclick="editaDiscoteca('${disco.idDiscoteca}')" /></td>
				        	<td><input type="submit" value="Elimina" onclick="eliminaDiscoteca('${disco.idDiscoteca}')"  /></td>
				        </tr>
				    #{/list}
				</table>
				    
				</ul>
			</td>
		</tr>
		<tr>
			<td colspan="3"><input type="button" value="Volver" onclick="javascript:volver();"/></td>
		</tr>
	</table>
	<input name="idDiscoteca" id="idDiscoteca" type="hidden"/>
	<input type="hidden" name="nombreFormulario" id="nombreFormulario" value="gestionDiscotecaForm"/>
</form>